.head-circle{
	border-radius: 50%;
	height: 100px;
	margin-top: 30px;;
}
.lunbo img{
	height: 250px;
}
.center-block{
	margin: 0px auto;
    display: block;
}
.title{
	margin: 30px 0px;
}
.x-title{
	width: 100%;
	height: 450px;
	background-color: #38526c;
	background-image: url(../images/hero-blue-books.jpg);
}
.x-title img{
	height: 120px;
	padding-top: 50px;
}
.x-title h3{
	margin: 0 auto;
	color: white;
	font-family: "黑体";
	font-weight: 100;
	display: block;
	text-align: center;
	margin-top: 15px;
	font-size: 1.2em;
}
.x-title form{
	width: 100%;
	float: left;
	border: inherit white;
	border-radius:50px;
}
.x-title .search{
	width: 100%;
	height: 100%;
	border: solid white 1px;
	margin: 0 auto;
	margin-top: 20px;
	display: block;
	border-radius:50px;
    z-index:99;
}
    .x-title form input {
        border: none;
        background: none;
        width: 90%;
        outline: none;
        height: 0;
        line-height: 0px;
        font-weight: 400;
        font-style: normal;
        margin-top: 6px;
    }

    .x-title form button {
        position:fixed;
        background: none;
        float: right;
        width: 40px;
        line-height: 23px;
        margin-right: 0px;
        border: none;
        cursor: pointer;
    }

.x-title form button:before{
	content: "\e466";
 	font-family: Muiicons;
  	font-size: 19px;
 	 color: #F9F0DA;
 	 background: none;
}
.x-title div{
	position: relative;
	width: 95%;
}
    .x-title ::-webkit-input-placeholder {
        color: #C7C7CC;
        font-size: small;
        text-transform: uppercase;
        padding-left: 10px;
        z-index:999;
    }
    .x-title ::-moz-placeholder {
        color: #C7C7CC;
        font-size: small;
        text-transform: uppercase;
        padding-left: 10px;
        z-index: 999;
    }
.x-title .category{
	position: relative;
	display: block;
	padding-top: 45px;
    z-index:2;
}
.x-title h5{
	margin: 0 auto;
	display: block;
	color: white;
	line-height: 30px;
	text-align: center;
	font-style: normal;
	letter-spacing: 2px;
}
.x-content{
	width: 100%;
	margin-top: 30px;
}
.x-content .halfwidth{
	width: 50%;
	float: left;
}
